﻿<%@ include file="../inc/common.jsp"%>
<style>
	.page{margin-top:5px;border-top: 1px solid #DDDDDD;padding: 2px;border-bottom: 1px solid #DDDDDD;font-family: inherit;font-size: 11px;}
	.page a{border:1px solid #DDDDDD;text-align: center;}
	.page a:HOVER{text-decoration: none;font-color: white;}
	.current{background:#23B300;color:white; display: inline-block;height:19px ;width:19px;}
	.num{display: inline-block;height:19px ;width:19px;}
</style>
</head>
<body>
<nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span> 基本数据管理 <span class="c-gray en">&gt;</span> 院系管理 <a class="btn btn-success radius r mr-20" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont">&#xe68f;</i></a></nav>
<div class="pd-20">
	<form action="/department/search.htm" method="post">
		<div class="text-c"> 请输入院系名称：
			<input type="text" name="name" id="name" placeholder="院系名称" style="width:250px" class="input-text">
			<button name="" id="" class="btn btn-success" type="submit"><i class="Hui-iconfont">&#xe665;</i> 搜索</button>
		</div>
	</form>
	<div class="cl pd-5 bg-1 bk-gray mt-20"> <span class="l"><a href="javascript:;" onclick="datadel()" class="btn btn-danger radius"><i class="Hui-iconfont">&#xe6e2;</i> 批量删除</a> <a class="btn btn-primary radius" onclick="picture_add('','/department/add.htm')" href="javascript:;"><i class="Hui-iconfont">&#xe600;</i> 新增院系</a></span> <span class="r">共有数据：<strong>${page.allCount}</strong> 条</span> </div>
	<div class="mt-20">
		<table class="table table-border table-bordered table-bg table-hover">
			<thead>
			
				<tr class="text-c">
					<th width="25"><input type="checkbox"  value=""></th>
					<th width="80">院系名称</th>
					<th width="80">院系编号</th>
					<th width="80">创建时间</th>
					<th width="120">描述</th>
					<th width="120">操作</th>
				</tr>
			</thead>
			<tbody>
				<s:if test="page.allCount!=0">
				<s:iterator value="page.records" >
				<tr class="text-c">
					<td><input type="checkbox" value="${id}" name="ids"></td>
					<td>${name}</td>
					<td>${code}</td>
					<td>${createTimeStr}</td>
					<td>${desciption}</td>
								<td class="f-14 td-manage"> <a
									style="text-decoration: none" class="ml-5"
									onclick="picture_add('','/department/edit.htm?id=${id}')"
									href="javascript:;" title="编辑"><i class="Hui-iconfont">&#xe6df;</i></a>
									<a style="text-decoration: none" class="ml-5"
									onClick="deleteOne('/department/delete.htm?id=${id}',this)" href="javascript:;"
									title="删除"><i class="Hui-iconfont">&#xe6e2;</i></a></td>
							</tr>
				</s:iterator>
				</s:if>
				<s:else>
					<tr class="text-c">
						<td style="text-align: center;" colspan="7">暂无数据!</td>
					</tr>
				</s:else>
			</tbody>
		</table>
	</div>
	<div class="page">
		${page.pageCententHTML}
	</div>
</div>
<script type="text/javascript">
$('.table-sort').dataTable({
	"aaSorting": [[ 1, "desc" ]],//默认第几个排序
	"bStateSave": true,//状态保存
	"aoColumnDefs": [
	  //{"bVisible": false, "aTargets": [ 3 ]} //控制列的隐藏显示
	  {"orderable":false,"aTargets":[0,8]}// 制定列不参与排序
	]
});
/*图片-添加*/
function picture_add(title,url){
	var index = layer.open({
		type: 2,
		title: title,
		content: url
	});
	layer.full(index);
}
/*图片-查看*/
function picture_show(title,url,id){
	var index = layer.open({
		type: 2,
		title: title,
		content: url
	});
	layer.full(index);
}
/*图片-审核*/
function picture_shenhe(obj,id){
	layer.confirm('审核文章？', {
		btn: ['通过','不通过'], 
		shade: false
	},
	function(){
		$(obj).parents("tr").find(".td-manage").prepend('<a class="c-primary" onClick="picture_start(this,id)" href="javascript:;" title="申请上线">申请上线</a>');
		$(obj).parents("tr").find(".td-status").html('<span class="label label-success radius">已发布</span>');
		$(obj).remove();
		layer.msg('已发布', {icon:6,time:1000});
	},
	function(){
		$(obj).parents("tr").find(".td-manage").prepend('<a class="c-primary" onClick="picture_shenqing(this,id)" href="javascript:;" title="申请上线">申请上线</a>');
		$(obj).parents("tr").find(".td-status").html('<span class="label label-danger radius">未通过</span>');
		$(obj).remove();
    	layer.msg('未通过', {icon:5,time:1000});
	});	
}
/*图片-下架*/
function picture_stop(obj,id){
	layer.confirm('确认要下架吗？',function(index){
		$(obj).parents("tr").find(".td-manage").prepend('<a style="text-decoration:none" onClick="picture_start(this,id)" href="javascript:;" title="发布"><i class="Hui-iconfont">&#xe603;</i></a>');
		$(obj).parents("tr").find(".td-status").html('<span class="label label-defaunt radius">已下架</span>');
		$(obj).remove();
		layer.msg('已下架!',{icon: 5,time:1000});
	});
}

/*图片-发布*/
function picture_start(obj,id){
	layer.confirm('确认要发布吗？',function(index){
		$(obj).parents("tr").find(".td-manage").prepend('<a style="text-decoration:none" onClick="picture_stop(this,id)" href="javascript:;" title="下架"><i class="Hui-iconfont">&#xe6de;</i></a>');
		$(obj).parents("tr").find(".td-status").html('<span class="label label-success radius">已发布</span>');
		$(obj).remove();
		layer.msg('已发布!',{icon: 6,time:1000});
	});
}
/*图片-申请上线*/
function picture_shenqing(obj,id){
	$(obj).parents("tr").find(".td-status").html('<span class="label label-default radius">待审核</span>');
	$(obj).parents("tr").find(".td-manage").html("");
	layer.msg('已提交申请，耐心等待审核!', {icon: 1,time:2000});
}
/*图片-编辑*/
function picture_edit(title,url,id){
	var index = layer.open({
		type: 2,
		title: title,
		content: url
	});
	layer.full(index);
}
/*图片-删除*/

	function deleteOne(url,obj) 
	{
		layer.confirm('确认要删除吗？', function(index)
		{
			$.ajax({
			     type: 'POST',
			     url: url ,
			    success:function(data)
				{ 
			    	if(data=="success")
			    	{
						$(obj).parents("tr").remove();
						layer.msg('已删除!', {
							icon : 1,
							time : 1000
						});
						javascript:location.replace(location.href);
			    	}
			    }
			});
		});
	}
	
	function datadel()
	{
		var id = [];
		$("table input[name='ids']").each(function()
		{
			if($(this).is(':checked'))
			{
				id.push($(this).val());
			}
		});
		if(id.length==0) 
		{
			layer.alert('请至少选择一条数据');
			return;
		}
		var ids = "";
		for(var i = 0;i<id.length;i++)
		{
			ids = ids +id[i]+","
		}
		
		layer.confirm('确认要删除选中的吗？', function(index)
		{
			$.ajax({
			     type: 'POST',
			     url: "/department/batchDelete.htm",
			     data:{"ids":ids},
			    success:function(data)
				{ 
			    	if(data=="success")
			    	{
						layer.msg('已删除!', 
						{
							icon : 1,
							time : 1000
						});
						javascript:location.replace(location.href);
			    	}
			    }
			});
		});
		
	}
	
	
	
</script>
</body>
</html>